﻿@model VietTrips.Domain.Models.UserProfile

@{
    IEnumerable<SelectListItem> provinces = ViewBag.provinces;
}
<li id="information-tab">
    @using (Html.BeginForm("ManageInformation", "Account"))
    {
        @Html.AntiForgeryToken()
        @Html.HiddenFor(model => model.UserId)
        @Html.HiddenFor(model => model.UserName)

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="bs-callout bs-callout-danger">
                <p><strong>Lưu ý: </strong>Bạn đang đăng nhập với tài khoản <strong>@User.Identity.Name</strong>.</p>
            </div>
            <div class="bb2 mb-20"></div>
            <h3 class="section-title mt-20">Thông tin tài khoản</h3>
            <div class="bb2 mb-20"></div>
            <div class="form-horizontal">
                <div class="form-group">
                    @Html.LabelFor(m => m.FullName, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        @Html.TextBoxFor(m => m.FullName, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Họ và tên đầy đủ" } })
                        <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.FullName)</p>
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.Email, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        @Html.TextBoxFor(m => m.Email, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Địa chỉ Email" } })
                        <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Email)</p>
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.Female, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        @Html.DropDownListFor(m => m.Female, new List<SelectListItem>
                        {
                            new SelectListItem() {Text = "Ông", Value = "false"},
                            new SelectListItem() {Text = "Bà", Value = "true"}
                        }, htmlAttributes: new { @class = "form-control" })
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.Phone, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        @Html.TextBoxFor(m => m.Phone, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Số điện thoại" } })
                        <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Phone)</p>
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.Address, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        @Html.TextAreaFor(m => m.Address, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Địa chỉ liên hệ" }, { "rows", "4" } })
                        <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Address)</p>
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.City, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        @Html.DropDownListFor(m => m.City, provinces, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Tỉnh / Thành phố" } })
                        <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.City)</p>
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.DateOfBirth, htmlAttributes: new Dictionary<string, object> { { "class", "col-lg-4 control-label" } })
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="datepicker-wrapper">
                            @Html.TextBoxFor(m => m.DateOfBirth, "{0:dd/MM/yyyy}", htmlAttributes: new Dictionary<string, object> { { "class", "form-control date" }, { "id", "Expiration" }, { "placeholder", "Ngày / tháng / năm" }, { "readonly", "readonly" } })
                            <i class="icon-calendar"></i>
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.DateOfBirth)</p>
                        </div>
                    </div>
                </div>
                <div class="form-group mt-30">
                    <div class="col-xs-12 col-sm-4 col-md-4"></div>
                    <div class="col-xs-12 col-sm-8 col-md-8">
                        <input id="ChanBtn" type="submit" value="Đổi Thông Tin" class="btn btn-lg btn-primary col-xs-12 col-sm-4 col-md-4" />
                    </div>
                </div>
            </div>
        </div>


    }</li>
